<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>专家评估 - 后勤保障关键技术识别与预测系统</title>
    <link rel="stylesheet" href="css/styles.css">
</head>

<body data-page="evaluation">
    <!-- 顶部导航栏 -->
    <nav class="navbar">
        <div style="display: flex;align-items: center;">
            <div class="navbar-logo">
                <img src="img/logo.png">
            </div>
            <div class="navbar-title">关键技术识别与技术发展水平预测</div>
        </div>
        <div class="navbar-menu"> 
            <div class="navbar-dropdown">
                <button class="dropdown-btn">
                    <svg class="menu-icon" viewBox="0 0 24 24">
                        <path
                            d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" />
                    </svg>
                    <span>设置</span>
                    <svg class="menu-icon" viewBox="0 0 24 24" width="16" height="16">
                        <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
                    </svg>
                </button>
                <div class="dropdown-menu">
                    <a href="settings.html" class="dropdown-item">系统设置</a> 
                    <div class="dropdown-divider"></div>
                    <a onclick="logout()" class="dropdown-item">退出登录</a>
                </div>
            </div> 
            <!-- 用户信息 -->
            <div class="navbar-user">
                <div class="user-avatar">
                    <img src="" id="user-avatar"  >
                </div>
                <div class="user-name" id="user-name"></div>
            </div>
        </div>
    </nav>

    <!-- 主要内容区域 -->
    <main class="main-content">
        <div class="container">
            <!-- 评估任务统计 -->
            <div class="card">
                <div class="stats-container">
                    <div class="stat-card">
                        <div class="stat-value" id="totalOngoing">0</div>
                        <div class="stat-label">待评估</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" id="totalOngoingAssessment">0</div>
                        <div class="stat-label">进行中</div>
                    </div>
                    <div class="stat-card">
                        <div class="stat-value" id="totalAssess">0</div>
                        <div class="stat-label">已完成</div>
                    </div>
                </div>
            </div>

            <!-- 评估任务列表 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">待评估任务</h2>
                </div>
                <div id="evaluation-list"></div>
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">智能制造技术</div>
                        <div class="list-meta">截止时间: 2024-01-15</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm start-evaluation" data-theme="智能制造技术">开始评估</button>
                    </div>
                </div> -->
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">量子通信技术</div>
                        <div class="list-meta">截止时间: 2024-01-16</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm start-evaluation" data-theme="量子通信技术">开始评估</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">新能源材料</div>
                        <div class="list-meta">截止时间: 2024-01-17</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm start-evaluation" data-theme="新能源材料">开始评估</button>
                    </div>
                </div> 
                <div class="list-item">
                    <div>
                        <div class="list-title">高精度定位导航技术</div>
                        <div class="list-meta">截止时间: 2024-01-18</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm start-evaluation" data-tech-point="高精度定位导航技术">开始评估</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">智能预测维护技术</div>
                        <div class="list-meta">截止时间: 2024-01-19</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm start-evaluation" data-tech-point="智能预测维护技术">开始评估</button>
                    </div>
                </div> -->
            </div>

            <!-- 进行中的评估 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">进行中的评估</h2>
                </div>
                <div id="ongoing-assessment-list"></div>
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">人工智能芯片</div>
                        <div class="list-meta">已评估: 技术重要性、技术成熟度</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-secondary continue-evaluation" data-theme="人工智能芯片">继续评估</button>
                    </div>
                </div> -->
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">区块链技术</div>
                        <div class="list-meta">已评估: 技术重要性、应用前景</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-secondary continue-evaluation" data-theme="区块链技术">继续评估</button>
                    </div>
                </div> 
                <div class="list-item">
                    <div>
                        <div class="list-title">智能预测维护技术</div>
                        <div class="list-meta">已评估: 技术成熟度、可靠性</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-secondary continue-evaluation" data-theme="智能预测维护技术">继续评估</button>
                    </div>
                </div> -->
            </div>

            <!-- 已完成的评估 -->
            <div class="card" id="evaluated-assessment-list">
                <div class="card-header">
                    <h2 class="card-title">已完成评估</h2>
                </div>
                <div id="evaluated-list"></div>
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">自适应能量回收系统</div>
                        <div class="list-meta">评估时间: 2024-01-10 14:30 | 专家: 张教授</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="自适应能量回收系统">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="自适应能量回收系统">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="自适应能量回收系统">评估详情</button>
                    </div>
                </div> -->
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">智能环境感知材料</div>
                        <div class="list-meta">评估时间: 2024-01-11 09:15 | 专家: 李博士</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="智能环境感知材料">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="智能环境感知材料">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="智能环境感知材料">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">分布式医疗诊断平台</div>
                        <div class="list-meta">评估时间: 2024-01-12 16:45 | 专家: 王研究员</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="分布式医疗诊断平台">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="分布式医疗诊断平台">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="分布式医疗诊断平台">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">量子加密通信协议</div>
                        <div class="list-meta">评估时间: 2024-01-13 11:20 | 专家: 赵工程师</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="量子加密通信协议">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="量子加密通信协议">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="量子加密通信协议">评估详情</button>
                    </div>
                </div> 
                <div class="list-item">
                    <div>
                        <div class="list-title">防弹衣材料技术</div>
                        <div class="list-meta">评估时间: 2024-01-14 10:30 | 专家: 陈教授</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="防弹衣材料技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="防弹衣材料技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="防弹衣材料技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">便携式发电技术</div>
                        <div class="list-meta">评估时间: 2024-01-14 15:45 | 专家: 刘博士</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="便携式发电技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="便携式发电技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="便携式发电技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">远程医疗技术</div>
                        <div class="list-meta">评估时间: 2024-01-15 09:20 | 专家: 孙研究员</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="远程医疗技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="远程医疗技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="远程医疗技术">评估详情</button>
                    </div>
                </div> -->
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">无人驾驶运输技术</div>
                        <div class="list-meta">评估时间: 2024-01-15 14:10 | 专家: 周工程师</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="无人驾驶运输技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="无人驾驶运输技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="无人驾驶运输技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">智能仓储技术</div>
                        <div class="list-meta">评估时间: 2024-01-16 11:30 | 专家: 吴教授</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="智能仓储技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="智能仓储技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="智能仓储技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">预测分析技术</div>
                        <div class="list-meta">评估时间: 2024-01-16 16:45 | 专家: 郑博士</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="预测分析技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="预测分析技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="预测分析技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">数字孪生技术</div>
                        <div class="list-meta">评估时间: 2024-01-17 10:15 | 专家: 王教授</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="数字孪生技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="数字孪生技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="数字孪生技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">智能调温纤维技术</div>
                        <div class="list-meta">评估时间: 2024-01-17 15:30 | 专家: 李研究员</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="智能调温纤维技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="智能调温纤维技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="智能调温纤维技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">多源数据融合技术</div>
                        <div class="list-meta">评估时间: 2024-01-18 09:45 | 专家: 张工程师</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="多源数据融合技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="多源数据融合技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="多源数据融合技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">快速部署技术</div>
                        <div class="list-meta">评估时间: 2024-01-18 14:20 | 专家: 陈博士</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="快速部署技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="快速部署技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="快速部署技术">评估详情</button>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">优化调度技术</div>
                        <div class="list-meta">评估时间: 2024-01-19 11:10 | 专家: 刘教授</div>
                    </div>
                    <div class="evaluation-actions">
                        <button class="btn btn-sm btn-success adopt-btn" data-theme="优化调度技术">采用</button>
                        <button class="btn btn-sm btn-secondary ignore-btn" data-theme="优化调度技术">忽略</button>
                        <button class="btn btn-sm btn-secondary detail-btn" data-theme="优化调度技术">评估详情</button>
                    </div>
                </div> -->
            </div>

            <!-- 添加退出按钮 -->
            <!-- <div class="card" id="exit-card" style="display: none; align-items: center; justify-content: space-between; padding: 12px 16px; margin-top: 20px; border-top: 1px solid #eee;">
                <div style="font-size: 16px; color: #333;">退出登录</div>
                <div>
                    <button class="btn btn-sm btn-warning" onclick="logout()" style="padding: 6px 12px; border-radius: 4px; transition: opacity 0.2s;">退出</button>
                </div>
            </div> -->
        </div>
    </main>

    <!-- 左侧导航 -->
    <nav class="left-nav">
        <a href="index.html" class="nav-item" data-tab="home">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
            </svg>
            <span>首页</span>
        </a>
        <a href="data.html" class="nav-item" data-tab="data">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path
                    d="M19 3H5c-1.1 0-1.99.9-1.99 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
            </svg>
            <span>数据</span>
        </a>
        <a href="themes.html" class="nav-item" data-tab="themes">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path
                    d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" />
            </svg>
            <span>分析</span>
        </a>
        <a href="evaluation.html" class="nav-item active" data-tab="evaluation">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path
                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
            </svg>
            <span>评估</span>
        </a>
    </nav>

    <!-- 评估码输入弹窗 -->
    <!-- 评估码输入弹窗 -->
    <div id="evaluation-code-modal" class="modal"
        style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);">
        <div style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 20px;">
            <div class="modal-content" style="padding: 20px;">
                <div class="modal-header">
                    <h3 class="card-title">输入评估码</h3>
                    <button id="close-evaluation-code-modal"
                        style="padding: 0 10px !important;min-height:36px!important;" class="btn btn-sm btn-secondary"
                        onclick="closeEvaluationCodeModal()">关闭</button>
                </div>
                <input type="hidden" id="evaluation-theme" value="">
                <input type="hidden" id="evaluation-techpointid" value="">
                <div class="modal-body">
                    <div class="form-group" style="margin: 16px 0; padding: 8px;">
                        <label class="form-label"
                            style="display: block; margin-bottom: 8px; font-weight: bold;">请输入评估码</label>
                        <input type="text" id="evaluation-code-input" class="form-input" placeholder="输入评估码"
                            style="width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;">
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-block" id="submit-evaluation-code"
                        onclick="submitEvaluationCode()">提交</button>
                </div>
            </div>
        </div>
    </div>





    <!-- 评估维度弹窗 -->
    <div id="evaluation-modal" class="modal" style="display: none;">
        <div class="modal-content">
            <input type="hidden" id="evaluation-techpointid_tj" value="">
            <div class="modal-header">
                <h3 class="card-title">技术主题评估</h3>
                <button id="close-evaluation-modal" class="btn btn-sm btn-secondary">关闭</button>
            </div>
            <div class="modal-body">
                <div class="card"> 
                     <div class="card" id="tech-points-card">
                            <div class="card-header">
                                <h2 class="card-title">识别出的新技术点</h2>
                            </div>
                            <div class="list-item">
                                <div>
                                    <div class="list-title" id="tech-point-title"></div>
                                    <div class="list-meta" id="tech-point-directory">归属目录:  > 野战电源技术</div>
                                </div> 
                            </div> 
                        </div>
                        <div class="card" id="tech-topics-card">
                            <div class="card-header">
                                <h2 class="card-title">识别出的技术主题</h2>
                            </div>
                            <div class="list-item">
                                <div>
                                    <div class="list-title" id="tech-topic-title"></div>
                                    <div class="list-meta" id="tech-topic-directory">归属目录: </div>
                                </div>
                                <div>

                                </div>
                            </div> 
                        </div>
                        <div class="card" id="tech-prediction-card"> 
                            <div class="form-group">
                                <label class="form-label">技术成熟度发展趋势</label>
                                <div class="tech-maturity-timeline">
                                    <div class="timeline-container"> 
                                        <div class="timeline-bar"></div> 
                                        <div id="futurePointsContainer" class="timeline-points"></div>
                                    </div> 
                                </div>
                            </div> 
                        </div> 
                    <div class="list-item">
                        <div>
                            <div class="list-title" id="evaluation-theme-title">智能制造技术</div>
                            <div class="list-meta">请对以下维度进行评估</div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="form-label">TRL 成熟度（D1）</label>
                        <div class="rating-input">
                            <input type="radio" name="trl" value="1" id="trl1"><label for="trl1">1</label>
                            <input type="radio" name="trl" value="2" id="trl2"><label for="trl2">2</label>
                            <input type="radio" name="trl" value="3" id="trl3"><label for="trl3">3</label>
                            <input type="radio" name="trl" value="4" id="trl4"><label for="trl4">4</label>
                            <input type="radio" name="trl" value="5" id="trl5"><label for="trl5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="trl_comment" placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">性能优势（D2）</label>
                        <div class="rating-input">
                            <input type="radio" name="performance" value="1" id="performance1"><label
                                for="performance1">1</label>
                            <input type="radio" name="performance" value="2" id="performance2"><label
                                for="performance2">2</label>
                            <input type="radio" name="performance" value="3" id="performance3"><label
                                for="performance3">3</label>
                            <input type="radio" name="performance" value="4" id="performance4"><label
                                for="performance4">4</label>
                            <input type="radio" name="performance" value="5" id="performance5"><label
                                for="performance5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="performance_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">可靠性（D3）</label>
                        <div class="rating-input">
                            <input type="radio" name="reliability" value="1" id="reliability1"><label
                                for="reliability1">1</label>
                            <input type="radio" name="reliability" value="2" id="reliability2"><label
                                for="reliability2">2</label>
                            <input type="radio" name="reliability" value="3" id="reliability3"><label
                                for="reliability3">3</label>
                            <input type="radio" name="reliability" value="4" id="reliability4"><label
                                for="reliability4">4</label>
                            <input type="radio" name="reliability" value="5" id="reliability5"><label
                                for="reliability5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="reliability_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">采纳度（D10）</label>
                        <div class="rating-input">
                            <input type="radio" name="adoption" value="1" id="adoption1"><label
                                for="adoption1">1</label>
                            <input type="radio" name="adoption" value="2" id="adoption2"><label
                                for="adoption2">2</label>
                            <input type="radio" name="adoption" value="3" id="adoption3"><label
                                for="adoption3">3</label>
                            <input type="radio" name="adoption" value="4" id="adoption4"><label
                                for="adoption4">4</label>
                            <input type="radio" name="adoption" value="5" id="adoption5"><label
                                for="adoption5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="adoption_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">战略契合度（D13）</label>
                        <div class="rating-input">
                            <input type="radio" name="strategic" value="1" id="strategic1"><label
                                for="strategic1">1</label>
                            <input type="radio" name="strategic" value="2" id="strategic2"><label
                                for="strategic2">2</label>
                            <input type="radio" name="strategic" value="3" id="strategic3"><label
                                for="strategic3">3</label>
                            <input type="radio" name="strategic" value="4" id="strategic4"><label
                                for="strategic4">4</label>
                            <input type="radio" name="strategic" value="5" id="strategic5"><label
                                for="strategic5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="strategic_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">E1 战略价值</label>
                        <div class="rating-input">
                            <input type="radio" name="strategic_value" value="1" id="strategic_value1"><label
                                for="strategic_value1">1</label>
                            <input type="radio" name="strategic_value" value="2" id="strategic_value2"><label
                                for="strategic_value2">2</label>
                            <input type="radio" name="strategic_value" value="3" id="strategic_value3"><label
                                for="strategic_value3">3</label>
                            <input type="radio" name="strategic_value" value="4" id="strategic_value4"><label
                                for="strategic_value4">4</label>
                            <input type="radio" name="strategic_value" value="5" id="strategic_value5"><label
                                for="strategic_value5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="strategic_value_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">E2 应用迫切性</label>
                        <div class="rating-input">
                            <input type="radio" name="urgency" value="1" id="urgency1"><label for="urgency1">1</label>
                            <input type="radio" name="urgency" value="2" id="urgency2"><label for="urgency2">2</label>
                            <input type="radio" name="urgency" value="3" id="urgency3"><label for="urgency3">3</label>
                            <input type="radio" name="urgency" value="4" id="urgency4"><label for="urgency4">4</label>
                            <input type="radio" name="urgency" value="5" id="urgency5"><label for="urgency5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="urgency_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">E3 风险可控性</label>
                        <div class="rating-input">
                            <input type="radio" name="risk" value="1" id="risk1"><label for="risk1">1</label>
                            <input type="radio" name="risk" value="2" id="risk2"><label for="risk2">2</label>
                            <input type="radio" name="risk" value="3" id="risk3"><label for="risk3">3</label>
                            <input type="radio" name="risk" value="4" id="risk4"><label for="risk4">4</label>
                            <input type="radio" name="risk" value="5" id="risk5"><label for="risk5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="risk_comment" placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">E4 潜在颠覆性</label>
                        <div class="rating-input">
                            <input type="radio" name="disruptive" value="1" id="disruptive1"><label
                                for="disruptive1">1</label>
                            <input type="radio" name="disruptive" value="2" id="disruptive2"><label
                                for="disruptive2">2</label>
                            <input type="radio" name="disruptive" value="3" id="disruptive3"><label
                                for="disruptive3">3</label>
                            <input type="radio" name="disruptive" value="4" id="disruptive4"><label
                                for="disruptive4">4</label>
                            <input type="radio" name="disruptive" value="5" id="disruptive5"><label
                                for="disruptive5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="disruptive_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <label class="form-label">E5 协同度</label>
                        <div class="rating-input">
                            <input type="radio" name="synergy" value="1" id="synergy1"><label for="synergy1">1</label>
                            <input type="radio" name="synergy" value="2" id="synergy2"><label for="synergy2">2</label>
                            <input type="radio" name="synergy" value="3" id="synergy3"><label for="synergy3">3</label>
                            <input type="radio" name="synergy" value="4" id="synergy4"><label for="synergy4">4</label>
                            <input type="radio" name="synergy" value="5" id="synergy5"><label for="synergy5">5</label>
                        </div>
                        <textarea class="textarea-field mt-2" name="synergy_comment"
                            placeholder="请输入专家意见..."></textarea>
                    </div>

                    <div class="form-group">
                        <button class="btn btn-block" id="submit-evaluation">提交评估</button>
                        <div id="evaluation-action-buttons" style="display: none; margin-top: 16px;">
                            <!-- <button class="btn btn-block" id="add-to-theme">加入技术主题</button> -->
                            <!-- <button class="btn btn-block btn-secondary mt-2" id="ignore-theme">忽略</button> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 查看专家评估弹窗 -->
    <div id="evaluation-detail-modal" class="modal" style="display: none;">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="card-title" id="evaluation-detail-modal-title">专家评估详情</h3>
                <button id="close-evaluation-detail-modal" class="btn btn-sm btn-secondary">关闭</button>
            </div>
            <div id="modal-evaluation-detail-content" class="modal-body">
                <!-- 评估详情内容将通过JavaScript动态加载 -->
            </div>
        </div>
    </div>

    <!-- 自定义确认对话框 -->
    <div id="confirm-modal" class="confirm-modal" style="display: none;">
        <div class="confirm-modal-content">
            <div class="confirm-modal-header">
                <h3 class="confirm-modal-title">操作确认</h3>
            </div>
            <div class="confirm-modal-body" id="confirm-modal-message">
                确定要执行此操作吗？
            </div>
            <div class="confirm-modal-footer">
                <button class="confirm-modal-btn confirm-modal-btn-cancel" id="confirm-modal-cancel">取消</button>
                <button class="confirm-modal-btn confirm-modal-btn-confirm" id="confirm-modal-confirm">确定</button>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/app.js"></script>
</body>

</html>